@charset "UTF-8";
/****************************************************************************/

* {
	font-size:				18px;
	font-family:			sans-serif;
	font-style:				normal;
	font-weight:			normal;
	color:					#663311;

	line-height:			1.4;

	text-decoration:		none;
	border:					none;
	margin:					0;
	padding:				0;
}

/*==========================================================================*/

a,
a:visited, 
a *,
a:visited * {
	color:					#0033ff;
}

a:hover,
a:active, 
a:hover *,
a:active * {
	color:					#ff3300;
}

img {
	float:					right;
	padding-left:			36px;
	margin-bottom:			36px;
}

p {
	margin-bottom:			18px;
}

ul,
ol,
dl {
	margin-left:			36px;
	margin-bottom:			18px;
}

.toc ul {
	margin-bottom:			0;
}

dt {
	margin-bottom:			9px;
}

dd {
	margin-left:			18px;
}

code {
	font-family:			monospace;
	background-color:		#f0f0f0;
	padding-right:			3px;
	padding-left:			3px;
}

pre {
	margin-left:			36px;
	margin-bottom:			18px;
	padding:				9px 18px;

	background-color:		#f0f0f0;
	border:					3px double #ccc0c0;
}

pre,
pre * {
	font-size:				14px;
	font-family:			monospace;
}

/*==========================================================================*/

html {
	background-color:		#fff9f9;
}

/*--------------------*/

body {
	margin:					80px 36px auto 36px;
}

/*--------------------*/

.primary-links {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	margin:					0;
	padding:				5px 0;

	background-color:		#339999;
}

.primary-links li {
	display:				block;
	float:					left;
	padding:				3px 18px;
	border-right:			3px solid #44aaaa;
}

.primary-links li:first-child {
	margin-left:			38px;
	border-left:			3px solid #44aaaa;
}

.primary-links:after {
	content:				"";
	display:				block;
	clear:					both;
}

.primary-links,
.primary-links *,
.primary-links *:visited,
.primary-links *:hover,
.primary-links *:active {
	font-size:				14px;
	font-family:			monospace;
}

.primary-links,
.primary-links a,
.primary-links a:visited {
	color:					#fff9f0;

	text-shadow:			0px 1px 5px #333333;
	-moz-text-shadow:		0px 1px 5px #333333;
	-webkit-text-shadow:	0px 1px 5px #333333;
}

.primary-links a:hover,
.primary-links a:active {
	color:					#ffc0c0;

	text-shadow:			0px 1px 5px #993333;
	-moz-text-shadow:		0px 1px 5px #993333;
	-webkit-text-shadow:	0px 1px 5px #993333;
}

/*--------------------*/

.original {
	position:				absolute;
	top:					30px;
	left:					0;
	width:					100%;
	padding:				5px 0;
	text-indent:			36px;

	background-color:		#666060;
	border-top:				1px solid #006666;
	border-bottom:			1px solid #999999;
}

.original,
.original *,
.original a:visited {
	font-size:				14px;
	font-family:			monospace;
	color:					#ccc0c0;

	text-shadow:			0px 1px 5px #000000;
	-moz-text-shadow:		0px 1px 5px #000000;
	-webkit-text-shadow:	0px 1px 5px #000000;
}

.original a:hover,
.original a:active {
	color:					#ffc0c0;

	text-shadow:			0px 1px 5px #990000;
	-moz-text-shadow:		0px 1px 5px #990000;
	-webkit-text-shadow:	0px 1px 5px #990000;
}

/*--------------------*/

.notice {
	position:				absolute;
	top:					155px;
	right:					36px;
	width:					300px;
	padding:				9px;

	border:					3px double #666060;

	border-radius:			8px;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
}

.notice,
.notice * {
	font-size:				14px;
}

/*--------------------*/

.toc {
	margin:					18px 0 36px 48px;
	padding:				9px;

	border-left:			3px double #666060;
}

.toc li {
	list-style-type:		none;
}

.toc,
.toc * {
}

/*--------------------*/

.contents {
	width:					800px;
}

/*--------------------*/

h1 {
	margin-bottom:			18px;

	font-size:				48px;
	font-weight:			bold;
	font-family:			"Georgia", serif;
	color:					#339999;

	text-shadow:			0px 1px 1px #112222;
	-moz-text-shadow:		0px 1px 1px #112222;
	-webkit-text-shadow:	0px 1px 1px #112222;
}

/*--------------------*/

h2 {
	margin-top:				36px;
	margin-bottom:			18px;
	padding-top:			9px;

	clear:					both;
	border-top:				3px double #c0cccc;
}

h2,
h2 * {
	font-size:				48px;

	font-weight:			bold;
	font-family:			"Georgia", serif;

	text-shadow:			0px 1px 1px #112222;
	-moz-text-shadow:		0px 1px 1px #112222;
	-webkit-text-shadow:	0px 1px 1px #112222;
}

h2:before {
	content:				"";
	display:				block;
	clear:					both;
}

/*--------------------*/

h3 {
	margin-top:				18px;
	margin-bottom:			9px;
}

h3,
h3 * {
	font-size:				24px;

	font-weight:			bold;
	font-family:			"Georgia", serif;

	text-shadow:			0px 1px 1px #112222;
	-moz-text-shadow:		0px 1px 1px #112222;
	-webkit-text-shadow:	0px 1px 1px #112222;
}

/*--------------------*/

h4 {
	margin-top:				9px;
	margin-bottom:			9px;
}

h4,
h4 * {
	font-weight:			bold;
	font-family:			"Georgia", serif;

	text-shadow:			0px 1px 1px #112222;
	-moz-text-shadow:		0px 1px 1px #112222;
	-webkit-text-shadow:	0px 1px 1px #112222;
}

/*--------------------*/

.not-sure,
.not-sure * {
	color:					#cccccc;
}

/*--------------------*/

/****************************************************************************/
